﻿<div id="content">
    <div class="seller">
        <div id="J_RoleBox" class="rolebox">
            <a href="##" class="role"> 卖家 </a>
            <ul id="J_RoleList" class="rolelist">
                <li><a href="/Rule/XiaoBao">买家</a></li>
                <li><a href="/Rule/Seller">卖家</a></li>
            </ul>
            <i class="arrow" onclick="javascript:mouseOver();" ></i>
        </div>

        <div class="intro">
            <h2>
                诚信交易 放心易购
            </h2>
            <p>携手<em class="num">1000万</em>卖家签署《消费者保障协议》 设立保障基金并承诺提供全面网购保障</p>
        </div>

        <div class="main">
            <div class="deposit">
                <h3>消费者保障服务保证金</h3>
                <ul class="operates">
                    <li class="first">
                        <a href="##" class="operate">缴纳保证金</a>
                        <p class="explain">可根据店铺发布商品的类目选择缴纳保证金，保证金缴纳成功后会展示在您的店铺信息区，让消费者看到店铺保障实力。买家粘性,从保障实力开始！</p>
                    </li>
                    <li>
                        <a href="##" class="operate">查询保证金</a>
                        <p class="explain">支持保证金的缴纳、解冻、及扣款等记录查询；保证金明细一目了然。</p>
                    </li>
                    <li>
                        <a href="##" class="operate">解冻保证金</a>
                        <p class="explain">当店铺内无进行中和保障期内的交易、赔付、维权等，即可以操作申请解冻保证金。</p>
                    </li>
                </ul>
                <div class="iconshow">
                    <ul style="display:block;">
                        <li>
                            <span>保证金展现形式（店铺首页）</span>
                            <img src="~/imgs/TB1nVc5FVXXXXcDXXXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="~/imgs/TB1oBAPFVXXXXX9aXXXy7S8WFXX-176-176.png">
                        </li>
                        <li>
                            <span>保证金展现形式（店铺名片）</span>
                            <img src="//img.alicdn.com/tps/i2/TB1V2o7FVXXXXaFXXXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="//img.alicdn.com/tps/i1/TB1LooYFVXXXXbHXFXXy7S8WFXX-176-176.png">
                        </li>
                        <li>
                            <span>保证金展现形式（商品详情页）</span>
                            <img src="//img.alicdn.com/tps/i2/TB1eCc6FVXXXXXjXXXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="//img.alicdn.com/tps/i3/TB1shw1FVXXXXaTXpXXy7S8WFXX-176-176.png">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="contracts">
                <h3>交易约定</h3>
                <div class="list">
                    <dl>
                        <dt><img src="//img.alicdn.com/tps/i2/TB1TzDRFFXXXXafapXXWA_BHXXX-48-48.png"></dt>
                        <dd>
                            <h4 class="name">退货承诺</h4>
                            <p class="explain">卖家承诺在保障期内，商品符合约定状态，买家可申请无理由退货。</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="//img.alicdn.com/tps/i2/TB1WLeBFpXXXXaqaVXXWA_BHXXX-48-48.png"></dt>
                        <dd>
                            <h4 class="name">免费换新</h4>
                            <p class="explain">卖家承诺在售后30天内，商品故障可提供1次免费换新服务。</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="//img.alicdn.com/tps/i4/TB1hK9PFpXXXXXpbFXXWA_BHXXX-48-48.png"></dt>
                        <dd>
                            <h4 class="name">破损补寄</h4>
                            <p class="explain">卖家承诺在保障期内，如商品在运输途中破损，买家可申请破损商品补寄。</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="//img.alicdn.com/tps/i2/TB1oK_YFFXXXXXDaXXXWA_BHXXX-48-48.png"></dt>
                        <dd>
                            <h4 class="name">品质承诺</h4>
                            <p class="explain">卖家承诺商品材质、质量与描述一致，若发现不符，额外赔付赔偿金。</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="//img.alicdn.com/tps/i4/T1K2EBFIhXXXceU5Yh-48-48.png"></dt>
                        <dd>
                            <h4 class="name">发货时间</h4>
                            <p class="explain">卖家自主承诺商品发货时间，若未按约定时间发货，需对消费者进行相应补偿。</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><img src="//img.alicdn.com/tps/i4/TB1u8a1FFXXXXaPapXXWA_BHXXX-48-48.png"></dt>
                        <dd>
                            <h4 class="name">指定快递</h4>
                            <p class="explain">将选快递的权利交给买家，可提升买家购物物流体验，减少店铺物流差评，增加买家的二次购买率。</p>
                        </dd>
                    </dl>
                    <dl class="other">
                        <dt><img src="~/imgs/TB11ZURFVXXXXXJXVXXWA_BHXXX-48-48.png"></dt>
                        <dd>更多交易约定敬请期待......</dd>
                    </dl>
                </div>
                <div class="iconshow">
                    <ul style="display:block;">
                        <li>
                            <span>搜索筛选框</span>
                            <img src="~/imgs/TB1adMZFVXXXXafXFXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="~/imgs/TB1Lm.2FVXXXXaJXpXXy7S8WFXX-176-176.png">
                        </li>
                        <li>
                            <span>产品搜索结果页</span>
                            <img src="//img.alicdn.com/tps/i4/TB1J0sWFVXXXXaxXVXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="//img.alicdn.com/tps/i3/TB1shw1FVXXXXaTXpXXy7S8WFXX-176-176.png">
                        </li>
                        <li>
                            <span>店铺搜索结果页</span>
                            <img src="~/imgs/TB1lwIYFVXXXXczXFXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="~/imgs/TB1EQk0FVXXXXaIXFXXy7S8WFXX-176-176.png">
                        </li>
                        <li>
                            <span>交易约定展现形式（商品详情页）</span>
                            <img src="~/imgs/TB16rIWFVXXXXbRXFXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="~/imgs/TB1KMo4FVXXXXXlXpXXy7S8WFXX-176-176.png">
                        </li>
                        <li>
                            <span>详情页导航区</span>
                            <img src="~/imgs/TB1bIMVFVXXXXaIXFXXeAEpIFXX-75-75.png" class="J_Magnify">
                            <img class="J_BigPic bigpic" data-src="~/imgs/TB1yxo6FVXXXXbeXXXXy7S8WFXX-176-176.png">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="refund">
                <h3>退款维权流程</h3>
                <img src="~/imgs/TB1OR.IFVXXXXb6XFXX09vFHXXX-987-260.png" alt="退款维权流程图">
            </div>
        </div>
    </div>
    <script>
        function mouseOver() {
            $('#J_RoleBox').toggleClass('expanded');
        }
    </script>
</div>
<link rel="stylesheet" href="~/css/shop_rule.css" />